<template>
  <button @click="clearTodos" class="clear-all">Clear All</button>
</template>

<script setup>
// import { defineEmits } from 'vue';

const emit = defineEmits(['clear-todos']);

function clearTodos() {
  emit('clear-todos');
}
</script>

<style scoped>
button.clear-all {
  margin-top: 20px;
  background-color: #ff6666; /* 深红色背景 */
}

button.clear-all:hover {
  background-color: #ff4d4d; /* 悬停时的深红色背景 */
}
</style>